-<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>欢迎登录</title>
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/default/linkbutton.css">
<script type="text/javascript">
function addTab(tabId, tabTitle, url, icon){
	/*如果Tab不存在，则创建*/
	if($("#" + tabId).html() == null){
		var name = 'iframe_'+tabId;
		//icon： 显示图标的图片。可用的值是： error、question、info、warning。
		//$.messager.alert("Warning", tabTitle);
		$("#workTab").tabs('add', {
			title:tabTitle,
			closable:true,
			iconCls:icon,
			cache : false,
			//注：使用iframe用于防止同一个页面出现js和css冲突的问题
			content:'<iframe name="'+name+'"id="'+tabId+'"src="'+url+'" width="100%" height="100%" frameborder="0" scrolling="auto" ></iframe>' 
		});
	}else{
		$("#workTab").tabs("select", tabTitle);
	}
}

function panelCollapase(layout){
    $(".easyui-layout").layout('collapse', layout);
}
</script>
<script type="text/javascript"
	src="js/workspaceParam.js"></script>


<style type="text/css">
span{
font-family:"微软雅黑";
font-size: 12px;
}
.span-circle {
    position: relative;
    display: inline-block;
    height: 24px;
    width:80px;
    text-align:center;
    line-height: 24px;
    padding: 0;
    border-radius: 24px;
    border: 2px solid #0099cc;
    margin: 1px;
}

</style>
</head>
<body class="easyui-layout">  
    <!-- 正上方panel -->  
    <div region="north" border="false" title="" style="background:#A8D7E9; height: 68px; padding: 1px; overflow: hidden;">
    	 <table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr>
			    <td align="left" style="vertical-align: text-bottom">
			    <img src="images/ebaoTech.png"> 
			    </td>
    			<td align="right" nowrap>
        			<table border="0" cellpadding="0" cellspacing="0">
            			<tr style="height: 25px;" align="right">
		                	<td style="" colspan="2">
		                    	<div style="float: left; line-height: 25px; margin-left: 70px;">
		                        	<span style="color: #386780">用户:</span>
		                        	<span style="color: #FFFFFF;font-weight:bold;" class="span-circle">张佳文</span>&nbsp;&nbsp;&nbsp;&nbsp;
		                        	<span style="color: #386780">角色:</span>
		                        	<span style="color: #FFFFFF;font-weight:bold;" class="span-circle">管理员</span>
		                    	</div>
			                    <div style="float: left; margin-left: 18px;">
			                        <div style="right: 0px; bottom: 0px;">
			                            <a href="javascript:void(0);" class="easyui-menubutton" menu="#layout_north_kzmbMenu" iconCls="icon-comturn" style="color: #FFFFFF;font-weight:bold;">
			                                	控制面板
			                            </a>&nbsp;&nbsp;
			                            <a href="javascript:void(0);" class="easyui-menubutton" menu="#layout_north_zxMenu" iconCls="icon-exit" style="color: #FFFFFF;font-weight:bold;">
			                                	注销
			                            </a>
			                        </div>
			                        <div id="layout_north_kzmbMenu" style="width: 100px; display: none;">
			                            <div onclick="">个人信息</div>
			                            <div class="menu-sep"></div>
			                            <div onclick="">修改密码</div>
			                            <div class="menu-sep"></div>
			                            <div onclick="">切换页面风格</div>
			                            <div onclick="">清除缓存</div>
			                        </div>
			                        <div id="layout_north_zxMenu" style="width: 100px; display: none;">
			                            <div onclick="">退出</div>
			                        </div>
			                    </div>
		                    
			                    <div style="float: left; margin-left: 8px;margin-right: 5px; margin-top: 5px;">
			                        <img src="images/layout_button_up.gif"
			                             style="cursor:pointer" onclick="panelCollapase('north')"/>
			                    </div>
		                    
		                    </div>
		                </td>
		            </tr>
		            <tr style="height: 80px;">
		                <td colspan="2">
		                    <ul class="shortcut">
		                        <!-- 动态生成并赋值过来 -->
		                    </ul>
		                </td>
		            </tr>
		        </table>
		    </td>
			</tr>
		</table>
    </div>  
    <!-- 正左边panel -->  
    <div region="west" title="导航菜单" split="true" style="width: 240px; padding: 1px;overflow:hidden;">
  		<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
  		<script type="text/javascript"  src="js/index.js"></script>
    	<div class="container">
		  <ul>
		    <li class="dropdown">
		      <a href="#" data-toggle="dropdown" shape="title">成绩管理 <i class="icon-arrow"></i></a>
		      <ul class="dropdown-menu" id="menu_1">
		        <li><a id="selectScore" href="#">成绩查询</a></li>
		        <li><a id="urlModule"  href="#">url模块管理</a></li>
		        <li><a id="empManager"  href="#">雇员管理</a></li>
		      </ul>
		    </li>
		    <li class="dropdown">
		      <a href="#" data-toggle="dropdown">保单查询-一级菜单<i class="icon-arrow"></i></a>
		      <ul class="dropdown-menu" id="menu_2">
		        <li><a href="#">Home 保单查询-二级菜单</a></li>
		        <li><a href="#">About Us 保单查询-二级菜单</a></li>
		        <li><a href="#">Services 保单查询-二级菜单</a></li>
		        <li><a href="#">Contact 保单查询-二级菜单</a></li>
		      </ul>
		    </li>
		    <li class="dropdown">
		      <a href="#" data-toggle="dropdown">统计报表-一级菜单<i class="icon-arrow"></i></a>
		      <ul class="dropdown-menu"  id="menu_3">
		        <li><a href="#">Home 统计报表-二级菜单</a></li>
		        <li><a href="#">About Us 统计报表-二级菜单</a></li>
		        <li><a href="#">Services 统计报表-二级菜单</a></li>
		        <li><a href="#">Contact 统计报表-二级菜单</a></li>
		      </ul>
		    </li>
		    
		    
		    
		  </ul>
		</div>
	</div>
    <!-- 正中间panel -->  
    <div region="center" title="" >  
        <div class="easyui-tabs" id="workTab" fit="true" border="false">  
            <div title="系统公告" align="center" style="vertical-align: middle;" closable=true>
            	<!-- iframe src="dashboard" width="100%" style="padding: 0;margin: 0;" frameborder="0" scrolling="auto" ></iframe -->
            </div>
        </div>  
    </div>  
    <!-- 正下方panel -->  
    <div region="south" border="false" style="height: 25px; overflow: hidden;">  
        <div align="center" style="color: #1fa3e5; padding-top: 2px">&copy;
        eBaoTech 版权所有
        <span class="tip">
            <a href="http://www.ebaotech.com/" title="eBaoTech Platform -1.0.0">eBaoTech Platform 1.0.0</a>
        </span>
    </div>
        
    </div>
</body>  
</html>